section.index-recommend-devices::after {
	clear: both;
}
section.index-recommends::after {
	clear: both;
}
section.login-element .modal-dialog .modal-content .modal-body::after {
	clear: both;
}
section.text.side-block-element .side-text-list .side-text-item::after {
	clear: both;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li::after {
	clear: both;
}
section.tutorial-select-element::after {
	clear: both;
}
section.articles.www-index-section .panel-body .index-articles-list::after {
	clear: both;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context::after {
	clear: both;
}
section.articles.www-index-section .panel-body::after {
	clear: both;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text::after {
	clear: both;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content::after {
	clear: both;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title::after {
	clear: both;
}
body {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h1 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h2 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h3 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h4 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h5 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
h6 {
	font-family: Tahoma,"Microsoft Yahei",Simsun !important; font-weight: 400;
}
body {
	line-height: 20px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
a {
	color: rgb(255, 128, 0);
}
a:active {
	color: rgb(255, 179, 102);
}
a:hover {
	color: rgb(255, 179, 102);
}
.placeholder {
	color: rgb(153, 153, 153) !important; line-height: 32px; font-size: 16px; margin-top: 2px; margin-left: 10px; position: absolute; z-index: 999; cursor: text;
}
section.top-bar-element {
	padding: 7.5px 0px; background-color: rgb(255, 255, 255);
}
section.top-bar-element .top-bar-logo {
	width: 180px; margin-top: 13.5px; float: left; display: block;
}
@media only screen and (max-width:767px)
{
section.top-bar-element {
	padding-bottom: 10px;
}
section.top-bar-element .top-bar-logo {
	margin: 0px auto 10px; float: none;
}
}
section.top-bar-element .top-bar-logo > img {
	width: 100%;
}
section.top-bar-element .top-bar-link {
	padding: 28px 0px; width: 50%; text-align: center; float: left;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.top-bar-element .top-bar-link {
	width: 40%;
}
}
@media only screen and (max-width:991px)
{
section.top-bar-element .top-bar-link {
	display: none;
}
}
section.top-bar-element .top-bar-link > a {
	color: rgb(51, 51, 51);
}
section.top-bar-element .top-bar-link > span {
	margin-right: 5px; display: inline-block;
}
section.top-bar-element .top-bar-link > span .fa {
	color: rgb(255, 153, 51);
}
section.top-bar-element .top-bar-login {
	padding: 27.5px 0px; float: right; position: relative;
}
section.top-bar-element .top-bar-login > a {
	color: rgb(51, 51, 51); font-size: 16px;
}
section.top-bar-element .top-bar-login > a:active {
	color: rgb(255, 128, 0); text-decoration: none;
}
section.top-bar-element .top-bar-login > a:focus {
	color: rgb(255, 128, 0); text-decoration: none;
}
section.top-bar-element .top-bar-login > a:hover {
	color: rgb(255, 128, 0); text-decoration: none;
}
section.top-bar-element .top-bar-login > a.dropdown-toggle .fa {
	margin-top: -10px; vertical-align: middle;
}
section.top-bar-element .top-bar-login > span {
	margin: 0px 10px; display: inline-block;
}
section.top-bar-element .top-bar-login .dropdown-menu {
	left: auto; right: 0px; margin-top: -10px; z-index: 9999; min-width: 25px;
}
section.top-bar-element .top-bar-login .dropdown-menu > li > a {
	padding: 3px 10px; font-size: 12px;
}
section.top-bar-element .top-bar-login .dropdown-menu > li > a .fa {
	width: 12px; text-align: center; margin-right: 8px;
}
section.top-bar-element .top-bar-search {
	padding: 22.5px 0px; margin-right: 40px; float: right;
}
section.top-bar-element .top-bar-search .form-inline .form-group .form-control {
	width: 180px; height: 30px;
}
section.top-bar-element .top-bar-search .form-inline .btn {
	border-color: rgb(255, 153, 51); padding: 4px 15px; color: rgb(255, 255, 255); line-height: 20px; background-color: rgb(255, 153, 51);
}
section.top-bar-element .top-bar-search .form-inline .btn:hover {
	border-color: rgb(255, 179, 102); color: rgb(255, 255, 255); background-color: rgb(255, 179, 102);
}
section.top-bar-element .top-bar-search .form-inline .btn:focus {
	color: rgb(255, 255, 255);
}
@media only screen and (max-width:767px)
{
section.top-bar-element .top-bar-search {
	margin: 0px; float: left;
}
section.top-bar-element .top-bar-search .form-inline .form-group {
	margin-bottom: 0px; float: left;
}
section.top-bar-element .top-bar-search .form-inline .form-group .form-control {
	width: 150px;
}
section.top-bar-element .top-bar-search .form-inline .btn {
	padding: 4px 8px;
}
}
nav.nav-bar-element {
	border: currentColor; border-image: none; margin-bottom: 0px; background-color: rgb(51, 51, 51);
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li.active > a {
	color: rgb(255, 128, 0); background-color: rgb(0, 0, 0);
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a:hover {
	color: rgb(255, 128, 0); background-color: rgb(0, 0, 0);
}
nav.nav-bar-element .navbar-header .navbar-toggle {
	margin-left: 4px; float: left;
}
nav.nav-bar-element .navbar-collapse {
	padding: 0px; border-right-color: rgb(68, 68, 68); border-left-color: rgb(34, 34, 34); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
@media only screen and (max-width:767px)
{
nav.nav-bar-element .navbar-collapse {
	border: currentColor; border-image: none;
}
}
nav.nav-bar-element .navbar-collapse .navbar-nav {
	border-left-color: rgb(68, 68, 68); border-left-width: 1px; border-left-style: solid;
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li {
	position: relative;
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li:hover .dropdown-menu {
	display: block;
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a {
	padding: 15px 30px; line-height: 20px; font-size: 18px;
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a:active {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a {
	padding: 15px 20px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a {
	padding: 15px 8px;
}
}
@media only screen and (max-width:767px)
{
nav.nav-bar-element .navbar-collapse .navbar-nav {
	border: currentColor; border-image: none;
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li > a {
	padding: 10px 30px;
}
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu {
	padding: 0px; min-width: 100%; background-color: rgb(238, 238, 238);
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu:hover + a {
	color: rgb(255, 128, 0); background-color: rgb(0, 0, 0);
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu > li > a {
	padding: 8px 30px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu > li > a {
	padding: 8px 20px;
}
}
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu > li > a:hover {
	background-color: rgb(250, 250, 250);
}
nav.nav-bar-element .navbar-collapse .sub-nav {
	border-right-color: rgb(34, 34, 34); border-left-color: currentColor; border-right-width: 1px; border-left-width: medium; border-right-style: solid; border-left-style: none;
}
@media only screen and (min-width:1200px)
{
nav.nav-bar-element .navbar-collapse .sub-nav {
	width: 303px;
}
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
nav.nav-bar-element .navbar-collapse .sub-nav {
	width: 243px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
nav.nav-bar-element .navbar-collapse .navbar-nav > li .dropdown-menu > li > a {
	padding: 8px;
}
nav.nav-bar-element .navbar-collapse .sub-nav {
	width: 191px;
}
}
nav.nav-bar-element .navbar-collapse .sub-nav > li > a {
	padding-top: 18px; padding-bottom: 12px; font-size: 14px; vertical-align: baseline;
}
@media only screen and (max-width:767px)
{
nav.nav-bar-element .navbar-collapse .sub-nav {
	border: currentColor; border-image: none;
}
nav.nav-bar-element .navbar-collapse .sub-nav > li > a {
	padding: 10px 30px;
}
}
footer.footer {
	padding-top: 1px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
footer.footer section.footer-maps {
	padding: 30px 0px; background-color: rgb(240, 240, 240);
}
footer.footer section.footer-maps .footer-qr-code {
	padding: 0px 80px; text-align: center; margin-right: 60px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; float: left;
}
@media only screen and (max-width:991px) and (min-width:768px)
{
footer.footer section.footer-maps .footer-qr-code {
	padding: 0px 40px; margin-right: 40px;
}
}
@media only screen and (max-width:767px)
{
footer.footer section.footer-maps .footer-qr-code {
	padding: 0px; text-align: center; margin-right: 0px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none;
}
}
footer.footer section.footer-maps .footer-qr-code > img {
	width: 110px; height: 110px; margin-bottom: 20px;
}
footer.footer section.footer-maps .footer-maps-block {
	width: 155px; float: left;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
footer.footer section.footer-maps .footer-maps-block {
	width: 115px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
footer.footer section.footer-maps .footer-maps-block {
	width: 90px;
}
}
footer.footer section.footer-maps .footer-maps-block > a > h2 {
	color: rgb(51, 51, 51); font-size: 14px; margin-top: 0px;
}
footer.footer section.footer-maps .footer-maps-block .footer-maps-list > li > a {
	color: rgb(102, 102, 102); font-size: 12px;
}
footer.footer section.footer-links {
	padding: 15px 0px; color: rgb(102, 102, 102); font-size: 12px; background-color: rgb(48, 48, 49);
}
footer.footer section.footer-links .footer-friend-links {
	text-align: left;
}
@media only screen and (max-width:767px)
{
footer.footer section.footer-maps .footer-maps-block {
	width: 33%; height: 150px;
}
footer.footer section.footer-links .footer-friend-links {
	margin-bottom: 10px;
}
}
footer.footer section.footer-links .footer-friend-links > h2 {
	font-size: 12px; margin-top: 0px;
}
footer.footer section.footer-links .footer-friend-links > p {
	margin-bottom: 0px;
}
footer.footer section.footer-links .footer-friend-links > p > a {
	color: rgb(102, 102, 102);
}
footer.footer section.footer-links .col-sm-12 .footer-about-links {
	text-align: center;
}
footer.footer section.footer-links .footer-about-links {
	text-align: right;
}
footer.footer section.footer-links .footer-about-links > p {
	margin-bottom: 5px;
}
footer.footer section.footer-links .footer-about-links > p:last-child {
	margin-bottom: 0px;
}
footer.footer section.footer-links .footer-about-links > p > a {
	color: rgb(102, 102, 102);
}
section.login-element .modal-dialog .modal-content {
	border-radius: 8px; height: 380px; padding-top: 180px; position: relative; background-image: url("http://img.sfcdn.org/cc74fb4cce9d558d5124d750e4623e70972f76b6.jpg"); background-repeat: no-repeat;
}
@media only screen and (max-width:767px)
{
footer.footer section.footer-links .footer-about-links {
	text-align: center;
}
section.login-element .modal-dialog .modal-content {
	height: auto; background-size: 100%;
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode {
	text-align: center;
}
}
section.login-element .modal-dialog .modal-content .modal-body {
	padding-top: 0px;
}
section.login-element .modal-dialog .modal-content .modal-body::after {
	display: table; content: " ";
}
section.login-element .modal-dialog .modal-content .modal-body::before {
	display: table; content: " ";
}
@media only screen and (min-width:768px)
{
section.login-element .modal-dialog {
	width: 500px; margin-top: 200px;
}
section.login-element .modal-dialog .modal-content .modal-body {
	padding: 20px 13px 30px 30px;
}
section.login-element .modal-dialog .modal-content .modal-body > form {
	width: 280px; float: left;
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode {
	margin-left: 300px;
}
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group {
	margin-bottom: 10px;
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .input-group-addon {
	background: 0px 0px; padding: 8px 10px; transition:border-color 0.15s ease-in-out; -webkit-transition: border-color ease-in-out .15s 0s; -o-transition: border-color ease-in-out .15s 0s; -moz-transition: border-color ease-in-out .15s 0s;
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .focus.input-group-addon {
	border-color: rgb(102, 175, 233);
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .username.input-group-addon > span {
	background-position: 0px -40px;
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .password.input-group-addon > span {
	background-position: -17px -40px;
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .input-group-addon > span {
	width: 16px; height: 16px; display: block; background-image: url("http://img.sfcdn.org/efca62200fb592f566ddad29d6095d91ab8ce742.png"); background-repeat: no-repeat;
}
section.login-element .modal-dialog .modal-content .modal-body > form .form-group .form-control {
	padding-left: 0px; border-left-color: currentColor; border-left-width: medium; border-left-style: none; box-shadow: none;
}
section.login-element .modal-dialog .modal-content .modal-body > form .btn {
	border-color: rgb(2, 136, 209); font-size: 18px; margin-bottom: 5px; background-color: rgb(2, 136, 209);
}
section.login-element .modal-dialog .modal-content .modal-body > form > p {
	margin-bottom: 0px;
}
section.login-element .modal-dialog .modal-content .modal-body > form > p > a {
	color: rgb(2, 136, 209);
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode #login_container {
	width: 145px; height: 145px; overflow: hidden; margin-top: -10px;
}
@media only screen and (max-width:767px)
{
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode #login_container {
	margin: 10px auto 0px;
}
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode > p {
	font-size: 12px;
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode > p > i {
	color: rgb(62, 177, 52); font-size: 18px;
}
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode > p > span {
	color: rgb(2, 136, 209);
}
section.login-element .modal-dialog .modal-content .close {
	background: rgba(255, 255, 255, 0.1); border-radius: 50%; top: 10px; width: 20px; height: 20px; right: 10px; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; font-weight: 400; position: absolute; opacity: 1;
}
section.tutorial-select-element::after {
	display: table; content: " ";
}
section.tutorial-select-element::before {
	display: table; content: " ";
}
section.tutorial-select-element > h1 {
	font-size: 18px;
}
section.tutorial-select-element > p {
	margin: -5px 0px 5px;
}
section.tutorial-select-element > p > span {
	color: rgb(204, 204, 204);
}
section.tutorial-select-element .btn-group {
	margin-bottom: 10px;
}
@media only screen and (min-width:992px)
{
section.tutorial-select-element .tutorial-select-brands.btn-group {
	float: left;
}
}
section.tutorial-select-element .tutorial-select-brands.btn-group .tutorial-brands-search {
	border-color: rgb(221, 221, 221); width: 220px; height: 34px;
}
section.tutorial-select-element .tutorial-select-brands.btn-group :-ms-input-placeholder.tutorial-brands-search {
	color: rgb(102, 102, 102); font-size: 14px;
}
@media only screen and (min-width:768px)
{
section.login-element .modal-dialog .modal-content .modal-body .login-qrcode > p {
	padding-left: 10px;
}
section.tutorial-select-element .tutorial-select-models.btn-group {
	margin-left: 10px;
}
}
section.tutorial-select-element .tutorial-select-models.btn-group .tutorial-models-button {
	border-color: rgb(221, 221, 221); width: 220px; text-align: left; color: rgb(153, 153, 153);
}
section.tutorial-select-element .tutorial-select-models.btn-group .tutorial-models-button > i {
	top: 50%; right: 12px; margin-top: -10px; position: absolute;
}
section.tutorial-select-element .btn-group .dropdown-menu {
	padding: 10px; max-width: none;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu {
	width: 450px; padding-top: 0px;
}
@media only screen and (max-width:767px)
{
section.tutorial-select-element .btn-group .brands.dropdown-menu {
	width: 290px;
}
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group {
	margin-right: -10px; margin-left: -10px; display: none;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .active.tutorial-brands-list {
	display: block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .active.tutorial-brands-group {
	display: block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-tabs {
	margin-bottom: 20px; background-color: rgb(240, 250, 252);
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-tabs > li.other > a {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-tabs > li.active > a {
	color: rgb(0, 132, 187); border-bottom-color: transparent; background-color: rgb(255, 255, 255);
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-tabs > li > a {
	border-width: medium 1px 1px medium; border-style: none solid solid none; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221) currentColor; margin: 0px; padding: 5px 10px; border-image: none; color: rgb(153, 153, 153); font-size: 12px; background-color: rgb(240, 250, 252);
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-tabs .close {
	line-height: 25px; margin-right: 10px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list {
	padding-left: 15px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .hot.tutorial-brands-list > li > span {
	color: red;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .hot.tutorial-brands-list > li > div {
	margin-left: 50px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li {
	margin-bottom: 15px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li::after {
	display: table; content: " ";
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li::before {
	display: table; content: " ";
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li > span {
	color: rgb(0, 132, 187); float: left; display: block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li > div {
	margin-left: 30px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li > div > a {
	margin: 0px 10px; color: rgb(102, 102, 102); display: inline-block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-group .tutorial-brands-list > li > div > a:hover {
	color: rgb(0, 132, 187); text-decoration: none;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-result {
	overflow: scroll; max-height: 250px;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-result > a {
	color: rgb(102, 102, 102); display: block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu .tutorial-brands-result > a:hover {
	color: rgb(0, 132, 187); text-decoration: none; background-color: rgb(250, 250, 250);
}
section.tutorial-select-element .btn-group .brands.dropdown-menu > p {
	display: none;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu > p.active {
	display: block;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu > p > span {
	display: inline;
}
section.tutorial-select-element .btn-group .brands.dropdown-menu > p .close {
	line-height: 25px;
}
section.tutorial-select-element .btn-group .models.dropdown-menu {
	width: 400px;
}
@media only screen and (max-width:767px)
{
section.tutorial-select-element .btn-group .models.dropdown-menu {
	width: 290px;
}
}
section.tutorial-select-element .btn-group .active.models.dropdown-menu {
	display: block;
}
section.tutorial-select-element .btn-group .models.dropdown-menu .tutorial-models-search {
	padding: 4px 12px; width: 350px; height: 28px; font-size: 12px;
}
section.tutorial-select-element .btn-group .models.dropdown-menu :-ms-input-placeholder.tutorial-models-search {
	color: rgb(153, 153, 153); font-size: 12px;
}
section.tutorial-select-element .btn-group .models.dropdown-menu .tutorial-models-list {
	overflow: scroll; display: none; max-height: 250px;
}
section.tutorial-select-element .btn-group .models.dropdown-menu .active.tutorial-models-list {
	display: block;
}
section.tutorial-select-element .btn-group .models.dropdown-menu .tutorial-models-list > a {
	background: 0px 0px; margin: 5px 10px; color: rgb(0, 0, 0); line-height: 25px; text-decoration: none; display: inline-block;
}
section.tutorial-select-element .btn-group .models.dropdown-menu .tutorial-models-list > a:hover {
	color: rgb(0, 132, 187);
}
section.tutorial-select-element .btn-group .dropdown-menu > p {
	color: rgb(153, 153, 153); font-size: 12px;
}
section.tutorial-select-element .btn-group .dropdown-menu > p > a {
	color: rgb(0, 132, 187); font-size: 14px; text-decoration: underline;
}
section.tutorial-select-element .btn-group .dropdown-menu > p input {
	display: none;
}
section.tutorial-select-element .btn-group .dropdown-menu > p > span {
	display: none;
}
section.tutorial-select-element .btn-group .dropdown-menu > p input.active {
	display: inline;
}
section.tutorial-select-element .btn-group .dropdown-menu > p > span.active {
	display: inline;
}
section.tutorial-select-element .tutorial-select-helper > a {
	color: rgb(0, 132, 187); text-decoration: underline;
}
.app-block-element .app-block-link:hover {
	text-decoration: none;
}
.app-block-element .app-block-over > a:hover {
	text-decoration: none;
}
.contact-element {
	padding: 5px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
@media only screen and (max-width:767px)
{
.contact-element {
	display: none;
}
}
.contact-element img.contact-element-weixin {
	width: 100px; height: 100px; float: left;
}
.contact-element .contact-element-text {
	padding-top: 5px; margin-left: 115px;
}
.contact-element .contact-element-text > span {
	margin-bottom: 8px; display: block;
}
.contact-element .contact-element-text .contact-element-weibo {
	margin-bottom: 0px; float: left;
}
.contact-element .contact-element-text cite.follow_btn_inner cite.follow_text {
	width: 40px;
}
.app-block-element {
	position: relative; background-color: rgb(250, 250, 250);
}
.app-block-element:hover .app-block-over {
	opacity: 1;
}
@media only screen and (max-width:767px)
{
.app-block-element {
	margin: 0px auto 20px; width: 130px;
}
}
.app-block-element .app-block-link {
	padding: 6px; text-align: center; display: block;
}
.app-block-element .app-block-link .app-block-icon {
	width: 128px; height: 128px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
.app-block-element .app-block-link .app-block-icon {
	width: 100px; height: 100px;
}
}
.app-block-element .app-block-link .app-block-title {
	padding-bottom: 0px;
}
.app-block-element .app-block-link .app-block-title > h5 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
@media only screen and (max-width:767px)
{
.app-block-element .app-block-link .app-block-icon {
	width: 100px; height: 100px;
}
.app-block-element .app-block-link .app-block-title > h5 {
	font-size: 16px;
}
}
.app-block-element .app-block-over {
	padding: 6px; transition:opacity 0.3s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0; background-color: rgb(250, 250, 250); -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; -moz-transition: opacity .3s ease-in-out 0s;
}
.app-block-element .app-block-over > a > span {
	display: block;
}
.app-block-element .app-block-over .app-block-title {
	line-height: 25px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.app-block-element .app-block-over .app-block-promo {
	height: 80px; color: rgb(0, 0, 0); line-height: 20px; overflow: hidden; font-size: 12px;
}
.app-block-element .app-block-over .app-block-rating {
	line-height: 36px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
.app-block-element .app-block-over .app-block-promo {
	height: 60px;
}
.app-block-element .app-block-over .app-block-rating {
	line-height: 28px; font-size: 12px;
}
section.side-block-element .panel-body {
	padding: 10px;
}
}
.app-block-element .app-block-over .app-block-detail {
	text-align: center; display: block;
}
section.side-block-element {
	margin: 30px 0px;
}
section.side-block-element .panel-heading > h2 {
	margin: 0px; line-height: 16px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
@media only screen and (max-width:1199px) and (min-width:992px), only screen and (max-width:991px) and (min-width:768px)
{
section.side-block-element .panel-heading > h2 {
	line-height: 20px; font-size: 14px;
}
}
section.side-block-element .panel-body a:hover {
	color: rgb(51, 51, 51);
}
section.side-block-element .panel-body .side-block-more {
	padding: 5px 0px; text-align: center; margin-bottom: -15px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
section.side-block-element .panel-body .side-block-more > a {
	color: rgb(153, 153, 153); line-height: 12px; font-size: 12px;
}
section.side-block-element .panel-body .side-block-more > a:hover {
	color: rgb(255, 153, 51); text-decoration: none;
}
section.ranking.side-block-element {
	padding: 19px; background-color: rgb(250, 250, 250);
}
section.ranking.side-block-element .panel-heading {
	padding: 0px; margin-bottom: 20px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
section.ranking.side-block-element .panel-body {
	padding: 0px;
}
section.ranking.side-block-element .panel-body .nav > li.active > a {
	border-bottom-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
}
section.ranking.side-block-element .panel-body .nav > li > a {
	padding: 5px 15px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(102, 102, 102); font-size: 12px; margin-right: 5px; background-color: rgb(250, 250, 250);
}
section.ranking.side-block-element .panel-body .tab-content {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); padding: 14px; border-image: none; background-color: rgb(255, 255, 255);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item {
	height: 20px; overflow: hidden; margin-bottom: 10px;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .active.side-ranking-item {
	height: auto;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title {
	margin: 0px; color: rgb(51, 51, 51); font-size: 12px; display: block;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title:hover {
	color: rgb(255, 153, 51);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > span {
	width: 20px; height: 20px; text-align: center; line-height: 20px; float: left; display: block; background-color: rgb(230, 230, 230);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > span.ranking-item-1 {
	color: rgb(255, 255, 255); background-color: red;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > span.ranking-item-2 {
	color: rgb(255, 255, 255); background-color: rgb(255, 102, 0);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > span.ranking-item-3 {
	color: rgb(255, 255, 255); background-color: rgb(255, 153, 51);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > h3 {
	margin: 0px 0px 0px 10px; width: 160px; line-height: 20px; overflow: hidden; font-size: 14px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > h3 {
	width: 110px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > h3 {
	width: 120px;
}
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-title > small {
	line-height: 20px; font-size: 14px;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-image {
	margin: 0px auto 5px; width: 100px; height: 100px; line-height: 90px; display: block;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-image > img {
	width: 100%; vertical-align: middle;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-text {
	height: 32px; color: rgb(102, 102, 102); line-height: 16px; overflow: hidden; font-size: 12px; margin-bottom: 5px;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left: -10px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left: -5px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links {
	margin-left: -3px;
}
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li {
	padding: 0px; margin-left: 10px; float: left;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li {
	margin-left: 5px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li {
	margin-left: 3px;
}
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li > a {
	color: rgb(143, 143, 143); font-size: 12px;
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li > a:hover {
	color: rgb(143, 143, 143);
}
section.ranking.side-block-element .panel-body .tab-content .side-ranking-list .side-ranking-item .ranking-item-links > li > span {
	color: rgb(238, 238, 238);
}
section.image-table.side-block-element .panel-heading {
	padding-bottom: 0px;
}
section.image-table.side-block-element .panel-heading > h2 {
	margin-bottom: 9px; float: left;
}
section.image-table.side-block-element .panel-heading .nav {
	margin-left: 50px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
section.image-table.side-block-element .panel-heading .nav > li.active > a {
	background: 0px 0px; border-color: transparent transparent rgb(255, 153, 51); color: rgb(255, 153, 51);
}
section.image-table.side-block-element .panel-heading .nav > li > a {
	margin: 0px 5px; padding: 0px 2px 5px; color: rgb(51, 51, 51); font-size: 12px; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .panel-heading .nav > li > a {
	margin: 0px 1px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.image-table.side-block-element .panel-heading .nav > li > a {
	margin: 0px 2px;
}
}
section.image-table.side-block-element .panel-heading .nav > li > a:hover {
	background: 0px 0px; border-color: transparent transparent rgb(255, 153, 51);
}
section.image-table.side-block-element .product.panel-body .side-image-list {
	margin-left: -29px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .product.panel-body .side-image-list {
	margin-left: -10px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.image-table.side-block-element .product.panel-body .side-image-list {
	margin-left: -18px;
}
}
@media only screen and (max-width:767px)
{
section.image-table.side-block-element .product.panel-body .side-image-list {
	margin: 0px; text-align: center;
}
}
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item {
	padding: 0px; width: 100px; margin-left: 29px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item {
	width: 90px; margin-left: 10px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item {
	width: 85px; margin-left: 18px;
}
}
@media only screen and (max-width:767px)
{
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item {
	margin: 5px; width: 85px; float: none; display: inline-block;
}
}
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item .image-item-image {
	border: currentColor; border-image: none; height: 100px; line-height: 90px; margin-bottom: 10px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item .image-item-image {
	height: 90px; line-height: 80px;
}
}
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item .image-item-image > img {
	width: 100%; vertical-align: middle;
}
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item .image-item-title {
	overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
section.image-table.side-block-element .app.panel-body {
	padding: 15px 10px;
}
section.image-table.side-block-element .app.panel-body .side-image-list {
	margin-left: -29px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .app.panel-body .side-image-list {
	margin-left: -5px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.image-table.side-block-element .product.panel-body .side-image-list .side-image-item .image-item-image {
	height: 85px; line-height: 75px;
}
section.image-table.side-block-element .app.panel-body .side-image-list {
	margin-left: -8px;
}
}
section.image-table.side-block-element .app.panel-body .side-image-list .side-image-item {
	width: 60px; margin-left: 29px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.image-table.side-block-element .app.panel-body .side-image-list .side-image-item {
	margin-left: 5px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.image-table.side-block-element .app.panel-body .side-image-list .side-image-item {
	margin-left: 8px;
}
}
section.image-table.side-block-element .app.panel-body .side-image-list .side-image-item .image-item-image {
	margin: 0px auto 15px; height: 60px; text-align: center; line-height: 60px;
}
section.image-table.side-block-element .app.panel-body .side-image-list .side-image-item .image-item-title {
	text-align: center; overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
section.image-table.side-block-element .panel-body .side-image-list {
	margin-top: -15px;
}
section.image-table.side-block-element .panel-body .side-image-list .side-image-item {
	margin-top: 15px; float: left;
}
section.image-table.side-block-element .panel-body .side-image-list .side-image-item .image-item-image > img {
	width: 100%;
}
section.image-table.side-block-element .panel-body .side-image-list .side-image-item .image-item-title {
	margin: 0px; height: 28px; color: rgb(102, 102, 102); line-height: 14px; overflow: hidden;
}
section.ad.side-block-element {
	overflow: hidden;
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.ad.side-block-element iframe {
	margin-left: -25px !important;
}
}
@media only screen and (max-width:767px)
{
section.ad.side-block-element iframe {
	margin-right: auto !important; margin-left: auto !important;
}
}
section.text.side-block-element .side-text-list {
	margin-bottom: 0px;
}
section.text.side-block-element .side-text-list .side-text-item {
	line-height: 25px; margin-bottom: 10px;
}
section.text.side-block-element .side-text-list .side-text-item::after {
	display: table; content: " ";
}
section.text.side-block-element .side-text-list .side-text-item::before {
	display: table; content: " ";
}
section.text.side-block-element .side-text-list :last-child.side-text-item {
	margin-bottom: 0px;
}
section.text.side-block-element .side-text-list .side-text-item > span {
	width: 3px; height: 3px; margin-top: 11px; float: left; display: block; background-color: rgb(221, 221, 221);
}
section.text.side-block-element .side-text-list .side-text-item > a {
	color: rgb(0, 0, 0); margin-left: 13px; display: block;
}
div.index-section-header > h2 {
	margin: 0px; font-size: 20px;
}
div.index-section-header > h2 > small > a:not(.pull-right) {
	color: red;
}
div.index-section-header > h2 > small > a.pull-right {
	padding-top: 8px;
}
section.index-banner {
	background: 0% 0% / 100% rgb(235, 235, 235); padding-bottom: 20px; margin-bottom: 40px; border-top-color: transparent; border-bottom-color: rgb(254, 254, 254); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
section.index-banner .index-banner-text {
	padding-top: 30px;
}
@media only screen and (max-width:991px)
{
section.index-banner .index-banner-text {
	text-align: center;
}
}
section.index-banner .index-banner-text > h1 {
	font-size: 38px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-banner .index-banner-text > h1 {
	font-size: 32px;
}
}
section.index-banner .index-banner-text > p {
	color: rgb(153, 153, 153);
}
section.index-banner .index-banner-text .banner-text-download {
	margin-top: 30px;
}
section.index-banner .index-banner-text .banner-text-download > p {
	color: rgb(10, 101, 49); font-size: 20px;
}
section.index-banner .index-banner-text .banner-text-download > p > a {
	font-size: 14px; text-decoration: underline;
}
section.index-recommend-devices .recommend-devices-tabs > li.active > a {
	text-decoration: none;
}
section.index-recommend-devices .recommend-devices-tabs > li > a:hover {
	text-decoration: none;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 > a:focus {
	text-decoration: none;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 > a:hover {
	text-decoration: none;
}
section.index-banner .index-banner-text .banner-text-download .btn-lg {
	width: 350px; letter-spacing: 5px; font-size: 18px; margin-bottom: 10px; background-color: rgb(19, 167, 81);
}
section.index-banner .index-banner-text .banner-text-download .btn-lg:hover {
	background-color: rgb(16, 133, 65);
}
section.index-banner .index-banner-text .banner-text-download .btn-lg:focus {
	outline: 0px; border: 3px solid rgb(49, 200, 232); border-image: none; background-color: rgb(16, 133, 65);
}
@media only screen and (max-width:767px)
{
div.index-section-header > h2 > small > a:not(.pull-right) {
	display: none;
}
section.index-banner .index-banner-text .banner-text-download .btn-lg {
	width: 100%;
}
section.index-banner .index-banner-text section.tutorial-select-element {
	text-align: left;
}
}
section.index-banner .index-banner-image {
	padding: 50px 15px 30px;
}
section.index-banner .index-banner-image .banner-image-mask {
	width: 503px; height: 318px; background-image: url("http://img.sfcdn.org/6602502d8b2fcf699b93838f5118a888aebf8f5b.png"); background-repeat: no-repeat; background-color: rgb(0, 0, 0);
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-banner .index-banner-image .banner-image-mask {
	width: 455px; height: 288px; background-image: url("http://img.sfcdn.org/7416551b8a09244e7656b66a70fce8b87956316f.png");
}
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots {
	position: relative;
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade {
	transition:opacity 0.6s linear; display: none; -webkit-transition: opacity .6s linear 0s; -o-transition: opacity .6s linear 0s; -moz-transition: opacity .6s linear 0s;
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .active.fade {
	display: inline;
}
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade > img {
	left: 4px; top: 5px; width: 495px; height: 280px; position: absolute;
}
section.index-products {
	padding: 20px 20px 5px; border: 1px solid rgb(221, 221, 221); border-image: none; background-color: rgb(250, 250, 250);
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-banner .index-banner-image .banner-image-mask .banner-image-screenshots .fade > img {
	width: 449px; height: 254px; background-image: url("http://img.sfcdn.org/7416551b8a09244e7656b66a70fce8b87956316f.png");
}
section.index-products {
	padding: 15px 15px 0px;
}
}
section.index-products > h2 {
	font-size: 20px; margin-top: 0px;
}
section.index-products .products-item {
	margin: 15px 0px;
}
section.index-products .products-item .product-item-icon {
	width: 110px; height: 110px; float: left;
}
section.index-products .products-item .product-item-info {
	margin-left: 120px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-products .products-item .product-item-icon {
	width: 100px; height: 100px;
}
section.index-products .products-item .product-item-info {
	margin-left: 110px;
}
}
section.index-products .products-item .product-item-info .product-item-title:hover {
	color: rgb(0, 0, 0);
}
section.index-products .products-item .product-item-info .product-item-title > h3 {
	margin: 0px 0px 5px; color: rgb(0, 0, 0); font-size: 18px;
}
section.index-products .products-item .product-item-info .product-item-desc {
	height: 60px; color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; margin-bottom: 8px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-products .products-item .product-item-info .product-item-desc {
	margin-bottom: 0px;
}
}
@media only screen and (min-width:1200px)
{
section.index-products .products-item .product-item-info .visible-lg {
	display: inline-block !important;
}
}
section.index-contact {
	margin-bottom: 5px;
}
section.index-recommend-devices::after {
	display: table; content: " ";
}
section.index-recommend-devices::before {
	display: table; content: " ";
}
section.index-recommend-devices .recommend-devices-list {
	border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentColor rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; width: 290px; height: 226px; float: left;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-contact {
	margin-bottom: 17px;
}
section.index-recommend-devices .recommend-devices-list {
	width: 221px; height: 188px;
}
}
section.index-recommend-devices .recommend-devices-list .recommend-device-item {
	text-align: center; position: relative;
}
section.index-recommend-devices .recommend-devices-list .recommend-device-item .device-item-img > img {
	width: 100%; vertical-align: middle; max-width: 289px;
}
section.index-recommend-devices .recommend-devices-list .recommend-device-item .device-item-link {
	right: 5px; bottom: 5px; display: block; position: absolute;
}
section.index-recommend-devices .recommend-devices-tabs {
	height: 226px; overflow: hidden; margin-bottom: 0px; margin-left: 290px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-recommend-devices .recommend-devices-tabs {
	height: 188px; margin-left: 221px;
}
}
section.index-recommend-devices .recommend-devices-tabs > li {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 70px; height: 46px; text-align: center; float: none; display: table; background-color: rgb(250, 250, 250);
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-recommend-devices .recommend-devices-tabs > li {
	width: 72px; height: 38px;
}
}
section.index-recommend-devices .recommend-devices-tabs > li.active {
	background: 0px 0px; border-right-color: rgb(255, 153, 51); border-left-color: currentColor; border-right-width: 3px; border-left-width: medium; border-right-style: solid; border-left-style: none;
}
section.index-recommend-devices .recommend-devices-tabs > li > a {
	color: rgb(0, 0, 0); line-height: 14px; vertical-align: middle; display: table-cell;
}
section.index-recommends .index-recommends-list::after {
	display: table; content: " ";
}
section.index-recommends .index-recommends-list::before {
	display: table; content: " ";
}
section.index-recommends::after {
	display: table; content: " ";
}
section.index-recommends::before {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body .index-articles-list::after {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body .index-articles-list::before {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context::after {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context::before {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body::after {
	display: table; content: " ";
}
section.articles.www-index-section .panel-body::before {
	display: table; content: " ";
}
section.www-index-ad {
	width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: -20px;
}
section.index-recommends .index-recommends-list {
	margin-bottom: 0px;
}
section.index-recommends .index-recommends-list::after {
	clear: both;
}
section.index-recommends .index-recommends-more {
	border-color: rgb(255, 153, 51); color: rgb(255, 255, 255); background-color: rgb(255, 153, 51);
}
section.index-recommends .index-recommends-more:hover {
	border-color: rgb(255, 179, 102); color: rgb(255, 255, 255); background-color: rgb(255, 179, 102);
}
section.index-recommends .index-recommends-more:focus {
	color: rgb(255, 255, 255);
}
section.index-hot-devices {
	margin-bottom: 40px;
}
section.index-hot-devices .hot-device-item {
	margin: 15px 0px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 250px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.index-hot-devices .hot-device-item {
	height: 211px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.index-hot-devices .hot-device-item {
	height: 315px;
}
}
@media only screen and (max-width:767px)
{
section.index-products .products-item .product-item-info .product-item-title > h3 {
	font-size: 16px;
}
section.index-hot-devices .hot-device-item {
	height: auto;
}
}
section.index-hot-devices .hot-device-item > a:hover {
	color: rgb(0, 0, 0);
}
section.index-hot-devices .hot-device-item .device-item-img {
	width: 100%; max-width: 100%;
}
section.index-hot-devices .hot-device-item .device-item-title {
	margin: 0px 10px; padding: 0px 5px; color: rgb(0, 0, 0); line-height: 47px; font-size: 16px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
section.index-hot-devices .hot-device-item .device-item-title > img {
	margin-top: 6px;
}
section.www-index-section {
	margin: 20px 0px; border: currentColor; border-image: none; box-shadow: none;
}
section.www-index-section .panel-heading {
	background: 0px 0px; padding: 20px 0px; border: currentColor; border-image: none;
}
section.www-index-section .panel-heading > h2 {
	font-size: 18px; font-weight: 700;
}
section.www-index-section .panel-heading > h2 > small > a {
	padding-top: 5px; font-size: 14px;
}
section.www-index-section .panel-heading > h2 > small > a.pull-right {
	color: rgb(153, 153, 153);
}
section.www-index-section .panel-body {
	border: 1px solid rgb(221, 221, 221); border-image: none;
}
section.articles.www-index-section .panel-body {
	padding: 30px 15px;
}
section.articles.www-index-section .panel-body .index-articles-left {
	width: 46%; float: left;
}
@media only screen and (max-width:767px)
{
section.articles.www-index-section .panel-body .index-articles-left {
	width: auto; margin-bottom: 10px; float: none;
}
}
section.articles.www-index-section .panel-body .index-articles-left .index-articles-list > li:last-child {
	margin-bottom: 0px;
}
section.articles.www-index-section .panel-body .index-articles-right {
	margin-left: 51%;
}
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list {
	margin-right: -15px; margin-bottom: -17px;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list {
	margin-right: -2px; margin-bottom: -37px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list {
	margin-right: -20px; margin-bottom: -28px;
}
}
@media only screen and (max-width:767px)
{
section.articles.www-index-section .panel-body .index-articles-right {
	margin-left: 0px;
}
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list {
	text-align: center; margin-right: 0px;
}
}
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list > li.item-model-3 {
	width: 95%; text-align: left;
}
section.articles.www-index-section .panel-body .index-articles-right .index-articles-list > li.item-model-3 > a {
	line-height: 20px;
}
section.articles.www-index-section .panel-body .index-articles-list {
	margin-bottom: -5px;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 {
	margin-bottom: 15px;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 > a:focus > h3 {
	color: rgb(255, 153, 51);
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 > a:hover > h3 {
	color: rgb(255, 153, 51);
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 > a > h3 {
	color: rgb(51, 51, 51); overflow: hidden; font-size: 18px; font-weight: 700; margin-top: 0px; margin-bottom: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context > img {
	width: 165px; float: left;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context .item-text {
	margin-left: 175px;
}
@media only screen and (max-width:767px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context {
	text-align: center;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context > img {
	float: none;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context .item-text {
	display: none;
}
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context .item-text > p {
	height: 80px; color: rgb(102, 102, 102); line-height: 20px; overflow: hidden; font-size: 12px; margin-bottom: 0px; position: relative;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context .item-text > p > a {
	right: 0px; bottom: 0px; color: rgb(102, 102, 102); padding-left: 20px; display: block; position: absolute; background-color: rgb(255, 255, 255);
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 {
	margin-right: 15px; margin-bottom: 17px; display: inline-block;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context > img {
	width: 145px;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-1 .item-context .item-text {
	margin-left: 155px;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 {
	margin-right: 2px; margin-bottom: 37px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 {
	margin-right: 20px; margin-bottom: 28px;
}
}
@media only screen and (max-width:767px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 {
	margin-right: 0px;
}
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a {
	display: block; position: relative;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a .item-image {
	width: 165px; height: 119px; overflow: hidden;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a .item-image {
	width: 140px; height: 101px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a .item-image {
	width: 155px; height: 112px;
}
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a .item-image > img {
	width: 100%;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-2 > a > span {
	background: rgba(0, 0, 0, 0.5); padding: 0px 3px; left: 0px; height: 25px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 25px; overflow: hidden; font-size: 12px; white-space: nowrap; position: absolute; -ms-text-overflow: ellipsis;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-3 {
	margin-bottom: 4px; position: relative;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-3 > a {
	color: rgb(51, 51, 51); line-height: 25px; overflow: hidden; font-size: 14px; margin-left: 20px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
section.articles.www-index-section .panel-body .index-articles-list > li.item-model-3 > span {
	left: 5px; top: 50%; width: 3px; height: 3px; margin-top: -1.5px; display: block; position: absolute; background-color: rgb(153, 153, 153);
}
section.devices-rank.www-index-section .panel-body {
	padding: 9px 15px;
}
section.devices-rank.www-index-section .panel-body .nav-tabs > li.active > a {
	color: rgb(0, 168, 246); border-bottom-color: rgb(0, 168, 246);
}
section.devices-rank.www-index-section .panel-body .nav-tabs > li > a {
	border-width: medium medium 3px; border-style: none none solid; border-color: currentColor currentColor transparent; padding: 5px 0px; border-image: none; color: rgb(51, 51, 51); margin-right: 20px;
}
section.devices-rank.www-index-section .panel-body .nav-tabs > li > a:focus {
	background: 0px 0px; color: rgb(0, 168, 246);
}
section.devices-rank.www-index-section .panel-body .nav-tabs > li > a:hover {
	background: 0px 0px; color: rgb(0, 168, 246);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane {
	padding: 19px 0px 0px 5px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list {
	margin-bottom: 0px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li {
	height: 30px; overflow: hidden; margin-bottom: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li.last {
	margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li.active {
	height: auto;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title {
	margin: 0px; color: rgb(51, 51, 51); font-size: 12px; display: block;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title:hover {
	color: rgb(255, 153, 51);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title::after {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title::before {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > span {
	width: 20px; height: 20px; text-align: center; line-height: 20px; float: left; display: block; background-color: rgb(230, 230, 230);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text::after {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text::before {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content::after {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content::before {
	display: table; content: " ";
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > span.ranking-item-1 {
	color: rgb(255, 255, 255); background-color: red;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > span.ranking-item-2 {
	color: rgb(255, 255, 255); background-color: rgb(255, 102, 0);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > span.ranking-item-3 {
	color: rgb(255, 255, 255); background-color: rgb(255, 153, 51);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > span.rank-item-price {
	background: 0px 0px; width: auto; height: auto; color: red; font-size: 14px; float: right;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > h3 {
	margin: 0px 0px 10px 10px; width: 70%; line-height: 20px; overflow: hidden; font-size: 14px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane {
	padding-top: 15px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > h3 {
	width: 110px;
}
}
@media only screen and (max-width:991px) and (min-width:768px)
{
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-title > h3 {
	width: 120px;
}
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content {
	padding-left: 30px; margin-bottom: 10px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-image {
	width: 100px; height: 100px; line-height: 100px; overflow: hidden; float: left;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-image {
	width: 90px; height: 90px; line-height: 90px;
}
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-image > img {
	width: 100%; vertical-align: middle; max-width: 240px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text {
	margin-left: 110px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text > p {
	height: 40px; color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; font-size: 12px;
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text .btn {
	border-color: rgb(0, 168, 246); padding: 3px 10px; border-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(0, 168, 246);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text .btn:hover {
	border-color: rgb(52, 191, 255); color: rgb(255, 255, 255); background-color: rgb(52, 191, 255);
}
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text .btn:focus {
	border-color: rgb(0, 140, 205); color: rgb(255, 255, 255); background-color: rgb(0, 140, 205);
}
a.www-index-image {
	width: 100%; display: block;
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
section.devices-rank.www-index-section .panel-body .tab-content .tab-pane .devices-rank-list > li .rank-item-content .rank-item-text {
	margin-left: 100px;
}
a.www-index-image {
	margin-top: 21px;
}
}
a.www-index-image > img {
	width: 100%;
}